<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width: 48px;
				height: 48px;
				border: 1px solid #000;
				position: absolute;
				top: 0;
				left: 0;
			}
		</style>
	</head>
	<body>
		<div>
			
		</div>
		
		<script src="../jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
//			var y=parseInt($("div").css("top"));
//			var x=parseInt($("div").css("left"));
			
			$(window).keydown(function(){
				console.log(event.keyCode);
				if(event.keyCode==38){
					$("div").css("top",parseInt($("div").css("top"))-50+"px");
				}else if(event.keyCode==39){
					$("div").css("left",parseInt($("div").css("left"))+50+"px");					
				}else if(event.keyCode==40){
					$("div").css("top",parseInt($("div").css("top"))+50+"px");					
				}else if(event.keyCode==37){
					$("div").css("left",parseInt($("div").css("left"))-50+"px");					
				}
			})
			
			function createThings(){
				for(var i=0;i<20;i++){
					var x=parseInt(Math.random()*)
					var div=$("<div></div>");
					$("body").append(div);
				}
			}
			
			
			
		</script>
	</body>
</html>
